﻿<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head>
		<title>小窝社区</title>
		<th:block th:replace="~{/frontdesk/resources::common_css}"/>
		<th:block th:replace="~{/frontdesk/resources::common_js}"/>


	</head>
	<body>

	<!-- THE LOADER -->
	<div class="be-loader">
	    	<div class="spinner">
				<div class="spinner-container container1">
			    <div class="circle1"></div>
			    <div class="circle2"></div>
			    <div class="circle3"></div>
			    <div class="circle4"></div>
				</div>
			  	<div class="spinner-container container2">
			    <div class="circle1"></div>
			    <div class="circle2"></div>
			    <div class="circle3"></div>
			    <div class="circle4"></div>
			  	</div>
			  	<div class="spinner-container container3">
			    <div class="circle1"></div>
			    <div class="circle2"></div>
			    <div class="circle3"></div>
			    <div class="circle4"></div>
  				</div>
			</div>
	    </div>
	<!-- THE HEADER -->
	<header th:replace="~{/frontdesk/header::header}"></header>
		
	<!-- MAIN CONTENT -->
	<div id="content-block">
		<div class="head-bg" >
			<div th:if="${session.member}==null">
				<div class="head-bg-img"></div>
				<div class="head-bg-content">
					<h1>小窝智慧社区，为您带来家的温暖</h1>
					<p>亲爱的住户,每天都要开心哦^_^</p>
					<a class="be-register btn color-3 size-1 hover-6"><i class="fa fa-lock"></i>现在注册</a>
				</div>
			</div>

		</div>



		<div class="container-fluid custom-container">
			<div class="row">
				<aside th:replace="~{/frontdesk/aside::aside}"></aside>

				<!--文章-->
				<div class="col-md-10">

						<div  class="row _post-container_" >
							<div class="custom-column-5" th:each="post:${postPage.records}">
								<div class="be-post">
									<a th:href="@{/frontdesk/post/postDesc(pid=${post.pid})}" class="be-img-block">
										<img th:src="${post.postImage}" alt="omg">
									</a>
									<a th:href="@{/frontdesk/post/postDesc(pid=${post.pid})}" class="be-post-title" th:text="${post.postTitle}"></a>
									<span>

								</span>
									<div class="author-post">
										<img th:src="${post.member.profilePicture}"  alt="" class="ava-author">
										<span>by <a th:text="${post.member.username}"></a></span>
									</div>
<!--									<div class="info-block">-->
<!--										<span><i class="fa fa-thumbs-o-up"></i> 360</span>-->
<!--										<span><i class="fa fa-eye"></i> 789</span>-->
<!--										<span><i class="fa fa-comment-o"></i> 20</span>-->
<!--									</div>-->
								</div>
							</div>

						</div>
					</div>


			</div>
		</div>

	</div>
	<!-- THE FOOTER -->
	<footer th:replace="~{/frontdesk/footer::footer}"></footer>

	<div class="be-fixed-filter"></div>

	<footer th:replace="~{/frontdesk/login::login}"></footer>
	<footer th:replace="~{/frontdesk/register::register}"></footer>



	</body>
</html>